#markcontent{
  padding: 16px 16px 24px;
  position: relative;
  border: 1px solid rgba(232, 232, 232, 1);
  overflow-y: auto;
  span{
    font-size: 16px;
    display: inline-block;
    padding: 12px 0;
    position: relative;
    &[role='lables'] {
      margin: 12px 2px;
      padding: 1px 6px;
      color: #fff;
      border-radius: 4px;
      cursor: pointer;
    }
    &[role='selected']{
      color: red;
      font-weight: 700;
      background-color: #fff;
      &::selection {
        color: red;
        font-weight: 700;
        background-color: #fff;
      }
    }
    sub {
      padding: 0 4px;
      color: rgba(255, 255, 255, 0.85);
      font-family: 'SourceHanSansSC-regular';
    }
    .reStrong{
      position: absolute;
      width: 100%;
      height: 20px;
      top:-20px;
      left: 0;
      color:#29CCB1;
      padding:1px 4px;
      background-color:rgba(24, 144, 255, 0.1);
      font-weight: normal;
      font-size: 12px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      border-radius: 4px;
    }
  }
  [role='lables']::selection {
    color:#fff;
    background-color: transparent;
  }
}

.ellipsi {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  &[data-visible="none"]{display: none;}
}

.modelBox{
    > section {
        display: block;
        height: 144px;
        position: relative;
        // line-height: 84px;
        // border-bottom: 1px solid #e8e8e8;
        >div > a{
            color: black;
            // font-size: 18px;
            // font-family: 'SourceHanSansSC-regular';
            // margin-right:32px
        }
        h3 {
            color: #22292F;
            font: 700 18px 'SourceHanSansSC-regular';
            display:inline-block
        }
        .status{
            border:1px solid #e8e8e8;
            padding:0px 6px;
            margin: 0 12px;
        }
        .publish{
            height: 24px;
            margin-top: 16px;
            button{
                float: right;
            }
            strong{padding-right: 8px;}
        }
        .cal_box{
            position:absolute;
          border-radius: 4px;
            top:10px;
            right:10px;
            width: 336px;
            height: 120px;
            //border: 1px solid rgba(0, 0, 0, 0.16);
          box-shadow: 0px 5px 12px 4px rgba(0, 0, 0, 0.09);
            text-align: center;
            .box_top{
                padding: 10px;
                //border-bottom: 1px solid rgba(0, 0, 0, 0.16);
              font-size: 16px;
            }
        }
        .align_item{
            margin : 0px 10px;
            display: flex;
            font-size: 12px;
            justify-content:space-around;
        }
        .description{
            margin : 10px;
            display: flex;
            color: #29CCB1;
            justify-content:space-around;
        }
    }
    > main{

        h4{
            color:#22292F;
            font: 700 18px 'SourceHanSansSC-regular';
            padding: 16px 0;
            margin: 0;
        }
        .logText{
          //background-color: rgba(240, 242, 245, 1);
          height: 751px;
          padding: 16px 8px;
          overflow-y: scroll;
          .texts{
            height: 534px;
            padding: 8px 12px;
            margin: 0 8px;
            background-color: #fff;
            border: 1px solid #e8e8e8;
            overflow-y: auto;
            &::-webkit-input-placeholder{
              height: 300px;
              line-height: 390px;
              text-align: center;
              color: #B8C2CC;
              font-size: 14px;
              background: url('') no-repeat center/48px;
            }
          }
        }
        section{
            //background-color: rgba(240, 242, 245, 1);
            height: 566px;
            padding: 16px 8px;
            .texts{
                height: 534px;
                padding: 8px 12px;
                margin: 0 8px;
                background-color: #fff;
                border: 1px solid #e8e8e8;
                overflow-y: auto;
                &::-webkit-input-placeholder{
                    height: 300px;
                    line-height: 390px;
                    text-align: center;
                    color: #B8C2CC;
                    font-size: 14px;
                    background: url('') no-repeat center/48px;
                }
            }
        }
        .bottomBtns{
            padding: 16px 18px;
            button{
                margin-right: 8px;
            }
        }
    }
    :global{
        .ant-descriptions-item-label{
            width: auto!important;;
        }
    }
}
.tableOperate{
    button{
        height: 20px;
        padding: 0 5px;
    }
}

.font_attribute{
    font-weight: 900;
    margin-top: 20px;
    height: 50px;
    border: 1px solid #f0f0f0;
    background: #fafafa;
    padding: 12px;
}

.log_font_attribute{
  font-weight: 900;
  //margin: 20px 0;
  height: 50px;
  border: 1px solid #f0f0f0;
  background: #fafafa;
  padding: 12px;
}

.view_title{
    font-size: 20px;
    margin: 20px 0;
  font-weight: bold;
}

main section{
    overflow-y: scroll;
    margin-bottom: 10px;
}

.relationView{
  padding: 0 4px;
  h2{
    color: rgba(16, 16, 16, 1);
    font-size: 16px;
    font-family: 'SourceHanSansSC-regular';
    padding-bottom: 12px;
  }
  .items{
    margin: 16px 0;
    button {
      color: #fff;
    }
    &[data-visible="none"]{display: none;}
    .item{
      position: relative;
      padding:6px 20px 0 6px;
      >a{
        position: absolute;
        right: 4px;
        top: 6px;
        color:rgba(135, 149, 161, 1);
        display: none;
      }
      span:nth-of-type(2n+1){
        display: inline-block;
        max-width: 200px;
        border-radius: 4px;
        padding:2px;
        background-color: rgba(240, 242, 245, 1);
        color: rgba(135, 149, 161, 1);
        font-size: 14px;
        font-family: 'Roboto';
        border: 1px solid rgba(232, 232, 232, 1);
      }
      span:nth-of-type(2n){
        display: inline-block;
        padding:0 8px;
        vertical-align: top;
      }
      &:hover{
        // padding-left: 8px;
        //background-color: rgba(240, 242, 245, 1);
        //span:nth-of-type(2n+1){
        //  background-color: #fff;
        //}
        a{
          display: block;
        }
      }
    }
    .labelItem{
      // padding-right: 70px;
      span{
        //display: inline-block;
        max-width: '70%';
        border-radius: 4px;
        padding:2px 16px 2px 2px;
        margin: 2px;
        background-color: rgba(240, 242, 245, 1);
        color: rgba(135, 149, 161, 1);
        font-size: 12px;
        font-family: 'Roboto';
        border: 1px solid rgba(232, 232, 232, 1);
        position: relative;
        >i{position: absolute;right: 2px;top: 4px;}
        a{
          color:rgba(135, 149, 161, 1);
        }
        &:hover{
          background-color: #fff;
        }
      }
    }
    .noData{
      color: rgba(184, 194, 204, 1);
      font-size: 14px;
      padding-left: 6px;
      display: block;
    }
    [class="ant-badge-status-dot"]{
      width: 10px;
      height: 10px;
    }
  }
}
.test {
  width:269px;
  height: 48px;
  border: 1px solid #f0f0f0;
  line-height: 48px;
  padding-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}
.kg_keyword0 {
  background-color: #ff7100 !important;
}
.kg_keyword1 {
  background-color: #ff9800 !important;
}
.kg_keyword2 {
  background-color: #3bbf45 !important;
}
.kg_keyword3 {
  background-color: #37bc9b !important;
}
.kg_keyword4 {
  background-color: #1890ff !important;
}
.kg_keyword5 {
  background-color: #314ed2 !important;
}
.kg_keyword6 {
  background-color: #664be8 !important;
}
.kg_keyword7 {
  background-color: #a94be8 !important;
}
.kg_keyword8 {
  background-color: #e84b9c !important;
}
.kg_keyword9 {
  background-color: #ee4e53 !important;
}
.kg_keyword10 {
  background-color: #b0a4e3 !important;
}
.kg_keyword11 {
  background-color: #ffb61e !important;
}
.kg_keyword12 {
  background-color: #ffa400 !important;
}
.kg_keyword13 {
  background-color: #fa8c35 !important;
}
.kg_keyword14 {
  background-color: #afdd22 !important;
}
.kg_keyword15 {
  background-color: #e9bb1d !important;
}
.kg_keyword16 {
  background-color: #e29c45 !important;
}
.kg_keyword17 {
  background-color: #ca6924 !important;
}
.kg_keyword18 {
  background-color: #96ce54 !important;
}
.kg_keyword19 {
  background-color: #16a951 !important;
}
.kg_keyword20 {
  background-color: #21a675 !important;
}
.kg_keyword21 {
  background-color: #48c0a3 !important;
}
.kg_keyword22 {
  background-color: #dc3023 !important;
}
.kg_keyword23 {
  background-color: #f36838 !important;
}
.kg_keyword24 {
  background-color: #f9906f !important;
}
.kg_keyword25 {
  background-color: #1685a9 !important;
}
.kg_keyword26 {
  background-color: #4b5cc4 !important;
}
.kg_keyword27 {
  background-color: #4c8dae !important;
}
.relation_card{
  width: 100%;
  height: 100%;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
  margin: 10px 0;
  padding: 10px 15px;
}
.ellipsi {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  &[data-visible="none"]{display: none;}
}
.elli{
  overflow: hidden;
  text-overflow: ellipsis;
  &[data-visible="none"]{display: none;}
}
.empty{
  height: 20px;
}

.collapse_button{
  color: rgba(135, 149, 161, 100);
  font-size: 12px;
  cursor: pointer;
  padding-left: 5px;
}
.labelItemContent {
  margin: 2px 12px;
  padding: 1px 6px;
  color: #fff;
  border-radius: 4px;
  text-align: center;
}

.labelItemContents {
  display: table-cell;
}

.container{
  display: table;
}
.item{
  position: relative;
  padding:6px 20px 0 6px;
  >a{
    position: absolute;
    right: 4px;
    top: 6px;
    color:rgba(135, 149, 161, 1);
    display: none;
  }
  span:nth-of-type(2n+1){
    display: inline-block;
    max-width: 130px;
    border-radius: 4px;
    padding:2px;
    background-color: rgba(240, 242, 245, 1);
    color: rgba(135, 149, 161, 1);
    font-size: 14px;
    font-family: 'Roboto';
    border: 1px solid rgba(232, 232, 232, 1);
  }
  span:nth-of-type(2n){
    display: inline-block;
    padding:0 8px;
    vertical-align: top;
  }
  div{
    color: rgba(135, 149, 161, 100);
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    vertical-align: top;
    display: inline-block;
    margin-right: 5px;
    max-width: 85px;
  }
  &:hover{
    // overflow-y: scroll;
    a{
      display: block;
    }
  }
}
